<?xml version="1.0" encoding="UTF-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$model/UI2/system/components/justep/window/window" design="device:mobile" data-bind="component:{name:'$model/UI2/system/components/justep/window/window'}" __cid="crAVRby" class="crAVRby" components="$model/UI2/system/components/justep/model/model,$model/UI2/system/components/justep/loadingBar/loadingBar,$model/UI2/system/components/justep/row/row,$model/UI2/system/components/justep/output/output,$model/UI2/system/components/justep/titleBar/titleBar,$model/UI2/system/components/justep/panel/child,$model/UI2/system/components/justep/data/data,$model/UI2/system/components/justep/window/window,$model/UI2/system/components/justep/panel/panel,">  
  <style xmlns="" xmlns:xhtml="http://www.w3.org/1999/xhtml">.touch.crAVRby{background-color: rgb(255, 0, 0)} .x-col.crAVRby div.crAVRby{margin: 5% 0} .x-col.crAVRby{padding: 1px 1px} img.crAVRby{margin: 0px} .vertical-center.crAVRby{display: inline; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%)} .card.crAVRby{position: relative} .x-output.crAVRby{letter-spacing: 5px}</style>  
  <div xmlns="" component="$model/UI2/system/components/justep/model/model" xid="model" style="display:none" data-bind="component:{name:'$model/UI2/system/components/justep/model/model'}" __cid="crAVRby" class="crAVRby"/>  
  <div xmlns="" component="$model/UI2/system/components/justep/panel/panel" class="x-panel x-full pd5a4a1a853db49a895bf52e97478e872-iosstatusbar crAVRby" data-bind="component:{name:'$model/UI2/system/components/justep/panel/panel'}" __cid="crAVRby"> 
    <div class="x-panel-top crAVRby" xid="top1" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="crAVRby"> 
      <div component="$model/UI2/system/components/justep/titleBar/titleBar" class="x-titlebar crAVRby" xid="titleBar1" style="background-color:#58ACFC;" data-bind="component:{name:'$model/UI2/system/components/justep/titleBar/titleBar'}" data-config="{&quot;title&quot;:&quot;社区地图&quot;}" __cid="crAVRby"> 
        <div class="x-titlebar-left crAVRby" xid="left1" __cid="crAVRby"/>  
        <div class="x-titlebar-title crAVRby" xid="title1" __cid="crAVRby">社区地图</div>  
        <div class="x-titlebar-right  crAVRby" xid="right1" __cid="crAVRby"> 
          <div class="empty crAVRby" __cid="crAVRby"/> 
        </div> 
      </div> 
    </div>  
    <div class="x-panel-content x-bg-c crAVRby" component="$model/UI2/system/components/justep/panel/child" data-bind="component:{name:'$model/UI2/system/components/justep/panel/child'}" __cid="crAVRby"> 
      <div id="container" style="height:100%;" __cid="crAVRby" class="crAVRby"> 
        <div component="$model/UI2/system/components/justep/row/row" class="x-row crAVRby" xid="row8" style="height:100%;" data-bind="component:{name:'$model/UI2/system/components/justep/row/row'}" __cid="crAVRby"> 
          <div class="x-col crAVRby" xid="col28" style="height:100%;padding-right:2%;padding-left:2%;" __cid="crAVRby"> 
            <div url="./channel/menu11Pic1.w" style="background-color:#906AA0;height:36%;" xid="div11" align="center" class="card crAVRby" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(1)},event:{touchstart:$model._callModelFn.bind($model, 'onTouchStart'),click:$model._callModelFn.bind($model, 'getAreaList'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div1" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div xid="div2" __cid="crAVRby" class="crAVRby"> 
                  <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output1" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(1)" __cid="crAVRby"/> 
                </div> 
              </div> 
            </div>  
            <div class="card crAVRby" url="./channel/menu13Pic1.w" style="background-color:#9CA0C7;height:20%;" xid="div12" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(2)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div15" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output4" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(2)" __cid="crAVRby"/> 
              </div> 
            </div>  
            <div class="card crAVRby" url="./channel/image5.w" style="background-color:#99CCFD;height:38%;" xid="div13" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(3)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div14" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output5" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(3)" __cid="crAVRby"/> 
              </div> 
            </div> 
          </div>  
          <div class="x-col crAVRby" xid="col29" style="height:100%;padding-left:2%;padding-right:2%;" __cid="crAVRby"> 
            <div class="card crAVRby" url="./channel/menu11Pic2.w" style="background-color:#97AEBD;font-size:small;height:36%;" xid="div6" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(4)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div18" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output6" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(4)" __cid="crAVRby"/> 
              </div> 
            </div>  
            <div class="card crAVRby" url="./channel/menu11Pic3.w" style="background-color:#E29023;height:20%;" xid="div7" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(5)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div19" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output7" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(5)" __cid="crAVRby"/> 
              </div> 
            </div>  
            <div class="card crAVRby" url="./channel/menu14Pic1.w" style="background-color:#D2A0C3;height:18%;" xid="div8" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(6)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div5" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output8" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(6)" __cid="crAVRby"/> 
              </div> 
            </div>  
            <div class="card crAVRby" url="./channel/menu14Pic2.w" style="background-color:#7C3C33;height:18%;" xid="div9" align="center" __cid="crAVRby" data-bind="attr:{&quot;areaId&quot;: $model.getRowIDById(7)},event:{click:$model._callModelFn.bind($model, 'getAreaList'),touchstart:$model._callModelFn.bind($model, 'onTouchStart'),touchend:$model._callModelFn.bind($model, 'onTouchEnd')}"> 
              <div xid="div21" class="vertical-center crAVRby" __cid="crAVRby"> 
                <div component="$model/UI2/system/components/justep/output/output" class="x-output crAVRby" xid="output9" style="color:#FFFFFF;font-weight:bold;font-size:medium;" data-bind="component:{name:'$model/UI2/system/components/justep/output/output'},text:$model.getTitleByRowId(7)" __cid="crAVRby"/> 
              </div> 
            </div> 
          </div> 
        </div> 
      </div> 
    </div>  
    <img src="@justepContextPath@/v_9f26e59223514a7ab36d477f59d6bb06l_zh_CNs_d_m/communityOto/community/img/communityOto.png" alt="" xid="image10" style="height:100%;width:100%;text-align:center;vertical-align:middle;" __cid="crAVRby" class="crAVRby"/>  
    <style __cid="crAVRby" class="crAVRby">.x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-top {height: 48px;}.x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-content { top: 48px;bottom: nullpx;}.x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-bottom {height: nullpx;}.iosstatusbar .x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-top,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-top {height: 68px;}.iosstatusbar .x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-content,.iosstatusbar .x-panel .x-panel-content .x-has-iosstatusbar.x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-content { top: 68px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-top {height: 48px;}.iosstatusbar .x-panel .x-panel-content .x-panel.pd5a4a1a853db49a895bf52e97478e872-iosstatusbar &gt;.x-panel-content {top: 48px;}</style> 
  </div> 
</div>
